<!-- 话题分类标签开始 -->
<div class="section" id="topic-scroll-nav">
    <nav class="tabbable">
        <div class="nav nav-tabs" id="nav-tab" role="tablist">
            <a [ngClass]="{'active': threadsCategory === 'all'}" class="nav-item nav-link" href="javascript:;" (click)="toggleTab('all')">列表</a>
            <a [ngClass]="{'active': threadsCategory === 'tops'}" class="nav-item nav-link" href="javascript:;" (click)="toggleTab('tops')">置顶</a>
            <a [ngClass]="{'active': threadsCategory === 'goods'}" class="nav-item nav-link" href="javascript:;" (click)="toggleTab('goods')">精华</a>
            <a [ngClass]="{'active': threadsCategory === 'hots'}" class="nav-item nav-link" href="javascript:;" (click)="toggleTab('hots')">火贴</a>
        </div>
    </nav>
</div>
<!-- 话题分类标签结束 -->
<ul class="board_list_header mb20 page_scroll_pagination" id="board_topic_collect" *ngIf="(pageResult$ | async) as rs; else loading">
    <li *ngIf="rs.result.length ===0" class="no-record-tip">暂无记录存在</li>
    <!-- for start -->
    <ng-template ngFor let-item [ngForOf]="rs.result" let-i="index" let-odd="odd">
        <app-threads-item-embed [thread]="item"></app-threads-item-embed>
    </ng-template>
    <p (click)="anymore($event)" *ngIf="rs.total > rs.page * rs.size" class="main-link anymore-btn next-page-tip" role="button">点击加载更多</p>
    <!-- for finish -->
</ul>
<ng-template #loading><p class="no-record-tip">正在玩命的搬运中...</p></ng-template>